@value large-tablet-breakpoint-query from '~diem-docusaurus-components/src/variables.module.css';

.root {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}

.primary {
  color: var(--nav-page-indicator-primary);
  font-size: 18px;
}

.primary b {
  font-weight: 500;
}

.root b {
  font-family: var(--font-bold);
}

.divider {
  color: var(--nav-page-indicator-secondary);
  display: none;
  margin: 0 7px;
}

.secondary {
  color: var(--nav-page-indicator-secondary);
  font-size: 12px;
  line-height: 12px;
}

@media large-tablet-breakpoint-query {
  .root {
    display: block;
  }

  .divider {
    display: inline-block;
  }

  .secondary {
    font-size: 14px;
  }
}
